<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情页</title>
    <link rel="stylesheet" href="../CSS/reset.css">
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/product.css">
</head>

<body>
    <div class="productWarp">

        <!-- 左边容器 -->
        <div class="productLeft">
            <!-- 大小图切换 -->
            <div class="productimgWrp">
                <div class="maskDiv"></div>
                <div class="localimgDiv dsNo">
                    <img class="goodsimg" src="../images/lenovo/001.jpg" alt="">
                </div>

                <img class="goodsimg" src="../images/lenovo/001.jpg" alt="">
                <i class="icons"></i>
            </div>

            <div class="goodsList">


                <label for=""> < </label>
                <ul>
                    <li><img src="../images/lenovo/004.jpg" alt=""></li>
                    <li><img src="../images/lenovo/002.jpg" alt=""></li>
                    <li><img src="../images/lenovo/005.jpg" alt=""></li>
                    <li><img src="../images/lenovo/003.jpg" alt=""></li>
                    <li><img src="../images/lenovo/005.jpg" alt=""></li>
                </ul>
                <span> > </span>
            </div>

        </div>

        <!-- 右边容器 -->
        <div class="productInfo fr">
            <!-- 产品标题 -->
            <div class="goodsTitle cle">

                <h1>YOGA 14s 2021款英特尔酷睿i5 14.0英寸全面屏超轻薄本 深空灰</h1>

                <!-- <ul>
                    <li>第11代英特尔酷睿i5-11300H</li>
                    <li>Windows 10 家庭中文版</li>
                    <li>14.0英寸/16G/512G SSD/GeForce MX450 2G独显/深空灰</li>
                </ul> -->

                <div>第11代英特尔酷睿i5-11300H/Windows 10 家庭中文版/14.0英寸/16G/512G SSD/GeForce MX450 2G独显/深空灰</div>
            </div>

            <!-- 省市区配送地址 -->
            <div class="addressWarp">
                <div class="fl mT3">配 送 至</div>
                <div class="fl">
                    <div class="addressTitle">河南 安阳 文峰区
                        <em>^</em>
                        <div class="addrseeList">
                            <div class="addressTabBtn cle">
                                <ul>
                                    <li>河南</li>
                                    <li>安阳</li>
                                    <li class="yellowLi">文峰区</li>
                                </ul>
                            </div>

                            <div class="addressName">
                                <ul>
                                    <li>文峰区</li>
                                    <li>文峰区1</li>
                                    <li>文峰区2</li>
                                    <li>文峰区3</li>
                                    <li>文峰区4</li>
                                    <li>文峰区5</li>
                                    <li>文峰区6</li>
                                    <li>文峰区7</li>
                                    <li>文峰区8</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 加入购物车 -->
            <div class="gotoShopWarp">
                <div class="goodsNum">
                    <input class="input_a" type="text" value="0">
                    <input class="input_b" type="button" value="+">
                    <input class="input_c" type="button" value="-">
                </div>

                <div class="gotoCarBtn">加入购物车</div>

            </div>
        </div>

    </div>

</body>

</html>